.footer{
    width: 100%;
    height: 200px;
    background-color: #f5f5f5;
}
.footer-wrapper{
    height: 140px;
    padding: 30px 200px;
    display: flex;
    justify-content: center;
}

.footer-left{
    display: inline-block;
    width: 40%;
    height: 100%;
    border-right: 1px solid #b6b3b3;
}

.footer-left-header{
    height: 30%;

}

.footer-left-header>p{
    line-height: 42px;
    font-size: 16px;
    color: rgb(110, 110, 110);
}

.footer-left-body{
    height: 70%;
}

.footer-left-body>a{
    display:inline-block;
    width: 190px;
    height: 49px;
    text-align: left;
    line-height: 49px;

}

.footer-left-body>a:hover{
    color: #35aaf8;
}

.footer-right{
    width: 60%;
    height: 100%;
    display: inline-block;
    display: flex;
    justify-content: center;
}

.footer-icon{
    width: 20%;
    height: 100%;
    display: inline-block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.footer-icon span{
    transform: scale(0.7);
}
.footer-icon>a{
    font-size: 35px;
    transition: 0.2s linear;
}

.footer-icon>a:hover{
    transform: scale(1.3);
}
h4{
    margin-top:5px ;
}